<template>
  <div>
    <Page :total="total" show-elevator @on-change="onChange" style="text-align:right;margin-top: 15px;"/>
  </div>
</template>

<script>
  export default {
    props: {
      total: {
        type: Number,
        default: 1
      }
    },
    methods: {
      onChange(change) {
        this.$emit('page-change', change)
      }
    }
  }
</script>

<style scoped>

</style>
